<template name="skeleton">
  <scroll-view :scroll-y="true" class="orders OrderList--orders" :enable-back-to-top="true">
    <view class="card OrderList--card">
      <view class="status OrderList--status">
        <text class="date OrderList--date sk-transparent sk-text-14-2857-947 sk-text"
          >2024-01-26 14:50:51</text
        >
        <text class="sk-transparent sk-text-14-2857-794 sk-text">待付款</text>
      </view>
      <navigator class="goods OrderList--goods" hover-class="none">
        <view class="cover OrderList--cover">
          <image mode="aspectFit" class="sk-image"></image>
        </view>
        <view class="meta OrderList--meta">
          <view
            class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-550 sk-text"
            >儿童网眼运动凉鞋（宽松版）25-32码</view
          >
          <view class="type OrderList--type sk-transparent sk-text-22-2222-439 sk-text"
            >红色， 26码-160（2.0）-脚长150-160mm</view
          >
        </view>
      </navigator>
      <view class="payment OrderList--payment">
        <text
          class="quantity OrderList--quantity sk-transparent sk-text-0-0000-364 sk-text"
          style="background-position-x: 100%"
          >共1件商品</text
        >
        <text class="sk-transparent sk-text-0-0000-956 sk-text" style="background-position-x: 100%"
          >实付</text
        >
        <text class="amount OrderList--amount sk-transparent"
          ><text class="symbol OrderList--symbol sk-transparent sk-opacity">¥</text>127</text
        >
      </view>
      <view class="action OrderList--action">
        <view
          class="button OrderList--button primary OrderList--primary sk-transparent sk-text-14-2857-94 sk-text"
          >去支付</view
        >
      </view>
    </view>
    <view class="card OrderList--card">
      <view class="status OrderList--status">
        <text class="date OrderList--date sk-transparent sk-text-14-2857-655 sk-text"
          >2024-01-26 14:47:28</text
        >
        <text class="sk-transparent sk-text-14-2857-222 sk-text">已取消</text>
        <text class="icon-delete OrderList--icon-delete sk-pseudo sk-pseudo-circle"></text>
      </view>
      <navigator class="goods OrderList--goods" hover-class="none">
        <view class="cover OrderList--cover">
          <image mode="aspectFit" class="sk-image"></image>
        </view>
        <view class="meta OrderList--meta">
          <view
            class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-812 sk-text"
            >雨天不湿脚，儿童萌趣雨鞋20-36码</view
          >
          <view class="type OrderList--type sk-transparent sk-text-22-2222-933 sk-text"
            >PVC雨鞋-蓝色恐龙， 26码</view
          >
        </view>
      </navigator>
      <view class="payment OrderList--payment">
        <text
          class="quantity OrderList--quantity sk-transparent sk-text-0-0000-582 sk-text"
          style="background-position-x: 100%"
          >共1件商品</text
        >
        <text class="sk-transparent sk-text-0-0000-224 sk-text" style="background-position-x: 100%"
          >实付</text
        >
        <text class="amount OrderList--amount sk-transparent"
          ><text class="symbol OrderList--symbol sk-transparent sk-opacity">¥</text>83</text
        >
      </view>
      <view class="action OrderList--action">
        <navigator
          class="button OrderList--button secondary OrderList--secondary sk-transparent sk-text-14-2857-908 sk-text"
          hover-class="none"
        >
          再次购买
        </navigator>
      </view>
    </view>
    <view class="card OrderList--card">
      <view class="status OrderList--status">
        <text class="date OrderList--date sk-transparent sk-text-14-2857-511 sk-text"
          >2024-01-26 14:46:37</text
        >
        <text class="sk-transparent sk-text-14-2857-566 sk-text">已取消</text>
        <text class="icon-delete OrderList--icon-delete sk-pseudo sk-pseudo-circle"></text>
      </view>
      <navigator class="goods OrderList--goods" hover-class="none">
        <view class="cover OrderList--cover">
          <image mode="aspectFit" class="sk-image"></image>
        </view>
        <view class="meta OrderList--meta">
          <view
            class="name OrderList--name ellipsis OrderList--ellipsis sk-transparent sk-text-14-2857-800 sk-text"
            >雨天不湿脚，儿童萌趣雨鞋20-36码</view
          >
          <view class="type OrderList--type sk-transparent sk-text-22-2222-790 sk-text"
            >PVC雨鞋-蓝色恐龙， 26码</view
          >
        </view>
      </navigator>
      <view class="payment OrderList--payment">
        <text
          class="quantity OrderList--quantity sk-transparent sk-text-0-0000-878 sk-text"
          style="background-position-x: 100%"
          >共1件商品</text
        >
        <text class="sk-transparent sk-text-0-0000-707 sk-text" style="background-position-x: 100%"
          >实付</text
        >
        <text class="amount OrderList--amount sk-transparent"
          ><text class="symbol OrderList--symbol sk-transparent sk-opacity">¥</text>83</text
        >
      </view>
      <view class="action OrderList--action">
        <navigator
          class="button OrderList--button secondary OrderList--secondary sk-transparent sk-text-14-2857-40 sk-text"
          hover-class="none"
        >
          再次购买
        </navigator>
      </view>
    </view>
    <view class="card OrderList--card">
      <view class="status OrderList--status">
        <text class="date OrderList--date sk-transparent sk-text-14-2857-435 sk-text"
          >2024-01-26 14:46:30</text
        >
        <text class="sk-transparent sk-text-14-2857-996 sk-text">待发货</text>
      </view>
    </view>
  </scroll-view>
</template>
<style>
.sk-transparent {
  color: transparent !important;
}
.sk-text-27-9412-474 {
  background-image: linear-gradient(
    transparent 27.9412%,
    #eeeeee 0%,
    #eeeeee 72.0588%,
    transparent 0%
  ) !important;
  background-size: 100% 59.5794rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-27-9412-118 {
  background-image: linear-gradient(
    transparent 27.9412%,
    #eeeeee 0%,
    #eeeeee 72.0588%,
    transparent 0%
  ) !important;
  background-size: 100% 59.5794rpx;
  position: relative !important;
}
.sk-text-27-9412-342 {
  background-image: linear-gradient(
    transparent 27.9412%,
    #eeeeee 0%,
    #eeeeee 72.0588%,
    transparent 0%
  ) !important;
  background-size: 100% 59.5794rpx;
  position: relative !important;
}
.sk-text-27-9412-916 {
  background-image: linear-gradient(
    transparent 27.9412%,
    #eeeeee 0%,
    #eeeeee 72.0588%,
    transparent 0%
  ) !important;
  background-size: 100% 59.5794rpx;
  position: relative !important;
}
.sk-text-27-9412-580 {
  background-image: linear-gradient(
    transparent 27.9412%,
    #eeeeee 0%,
    #eeeeee 72.0588%,
    transparent 0%
  ) !important;
  background-size: 100% 59.5794rpx;
  position: relative !important;
}
.sk-text-14-2857-947 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-794 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-550 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-22-2222-439 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 41.0047rpx;
  position: relative !important;
}
.sk-text-0-0000-364 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 22.7804rpx;
  position: relative !important;
}
.sk-text-0-0000-956 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 26.285rpx;
  position: relative !important;
}
.sk-opacity {
  opacity: 0 !important;
}
.sk-text-14-2857-94 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-14-2857-655 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-222 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-812 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-22-2222-933 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 41.0047rpx;
  position: relative !important;
}
.sk-text-0-0000-582 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 22.7804rpx;
  position: relative !important;
}
.sk-text-0-0000-224 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 26.285rpx;
  position: relative !important;
}
.sk-text-14-2857-908 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-14-2857-511 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-566 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-800 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-22-2222-790 {
  background-image: linear-gradient(
    transparent 22.2222%,
    #eeeeee 0%,
    #eeeeee 77.7778%,
    transparent 0%
  ) !important;
  background-size: 100% 41.0047rpx;
  position: relative !important;
}
.sk-text-0-0000-878 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 22.7804rpx;
  position: relative !important;
}
.sk-text-0-0000-707 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 26.285rpx;
  position: relative !important;
}
.sk-text-14-2857-40 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.3458rpx;
  position: relative !important;
}
.sk-text-14-2857-435 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-text-14-2857-996 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 36.7991rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}
</style>
